<!DOCTYPE html>
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>china</title>
    <script src="js/echarts.js"></script>
    <script src="js/jquery.js"></script>
	<script src="js/china.js"></script>
	<script src="js/china-contour.js"></script>
	<script src="js/echarts-gl.js"></script>
	<script src="js/echarts-min-gl.js"></script>
	<script src="js/echarts.min.js"></script>
</head>
<body>
    <div id="china" style="width:100%;height:700px;"></div>
	<script type="text/javascript"> 
		var chart = echarts.init(document.getElementById('china'));
		chart.setOption({
			series: [{
			type: 'map',
			map: 'china'
			}]
		});

    </script>
</body>